@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}


/**/
.chanp{font-size: 0; padding:80px 0 75px;}
.cp_m dl{ display:inline-block;width: 1200px;overflow: hidden;}
.cp_m dl dt{ border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; border-left:#ccc 1px solid;width: 675px;float: left;}
.cp_m dl dt img{width: 675px;height: 325px;}
.cp_m dl dd{width: 394px;height: 297px;background: #018abe;float: left; padding:30px 80px 0 50px;}
.cp_m dl dd h5{height: 40px;line-height: 30px;overflow: hidden; background:url(Img/Index/cp_line.gif) no-repeat 0 39px; margin:0 0 10px;}
.cp_m dl dd h5 a{font-size: 18px;color: #fff; text-decoration:none;}
.cp_m dl dd p{font-size: 14px;color: #ddebf3;line-height: 25px; padding:0 0 0 20px; background:url(Img/Index/cp_ico01.gif) no-repeat 0 8px;}
.cp_m dl dd span{display: block;width: 115px; padding:20px 0 0;}
.cp_m dl dd span a{font-size: 14px;color: #333;display: block;width: 115px;height: 30px;text-align: center;line-height: 30px;background: #fff;overflow: hidden;}
.cp_bot{ display:inline-block;width: 1200px;}
.cp_bot ul li{width: 300px;height: 159px;float: left;}
.cp_bot ul li a{font-size: 16px;color: #666;font-weight: bold; background:url(Img/Index/cp_tbg01.gif) no-repeat;display: block;width: 280px;height: 127px;overflow: hidden; padding:32px 0 0 20px;}
.cp_bot ul li.cur a,.cp_bot ul li a:hover{ background:url(Img/Index/cp_tbg02.gif) no-repeat;color: #fff; text-decoration:none;}
.cp_bot ul li b{display: block;font-size: 14px;color: #333; padding:0 0 10px;line-height: 20px;text-transform: uppercase;}
.cp_bot ul li b i{display: block;color: #018abe;}
.cp_bot ul li a:hover b,.cp_bot ul li a:hover b i,.cp_bot ul li.cur b,.cp_bot ul li.cur b i{color: #fff;}

/**/
.three_bg{ background:url(Img/Index/three_bg.jpg) no-repeat center 0;height: 590px; padding:300px 0 0;font-size: 0;overflow: hidden;}
.three_t{height: 115px; background:url(Img/Index/three_line.gif) no-repeat center 35px;text-align: center;}
.three_t a{font-size: 30px;color: #018abe;}
.three_t span{display: block;font-size: 14px;color: #a3a3a3;font-weight: normal; padding:10px 0 0;}
.three_t em{display: block;font-size: 24px;color: #333;font-weight: normal; padding:10px 0 0;}
.three_t b{color: #89c700;}
.three_l{width: 675px;}
.three_l img{width: 675px;height: 400px;}
.three_r{width: 525px;height: 408px; padding:30px 0 0;}
.three_r ul li{width: 568px;height: 101px; margin:0 0 0 -43px;}
.three_r ul li a{font-size: 18px;font-weight: bold;color: #333;display: block;width: 413px;height: 101px;line-height: 101px; padding:0 0 0 155px; background-repeat:no-repeat;}
.three_r ul li.cur a,.three_r ul li a:hover{color: #fff; background-image:url(Img/Index/three_k02.png); text-decoration:none;}
.three_r .three_li01 a{ background-image:url(Img/Index/three_k01.png);}
.three_r .three_li02 a{ background-image:url(Img/Index/three_k01.png); background-position:0 -101px;}
.three_r .three_li03 a{ background-image:url(Img/Index/three_k01.png); background-position:0 -202px;}
.three_r p{width: 293px; padding:10px 0 0 65px;}
.three_r p a{font-size: 14px;color: #fff; background:url(Img/Index/three_btn.gif) no-repeat;display: block;width: 293px;height: 38px;text-align: center;line-height: 38px;overflow: hidden;}

/**/
.ys{font-size: 0; padding:0 0 80px;}
.ys .three_t{height: 124px;}
.ys_m{ background:url(Img/Index/ys_bg.jpg) no-repeat;width: 1200px;height: 600px;}
.ys_t{position: absolute;top: 150px;left: 474px;width: 260px;text-align: center;}
.ys_t span{display: block;font-size: 14px;color: #333;line-height: 45px; padding:15px 0 0;}
.ys p{position: absolute;}
.ys p a{display: block;font-size: 14px;color: #333;}
.ys p a:hover{color: #fff; text-decoration:none;}
.ys p b{display: block;font-size: 16px; padding:15px 0 10px;}
.ys_m .ys_p01{top: 0;left: 0;}
.ys_m .ys_p01 a{ background:url(Img/Index/ys_k01.gif) no-repeat;width: 320px;height: 115px; padding:0 0 0 128px;}
.ys_m .ys_p01 a:hover{ background:url(Img/Index/ys_k08.gif) no-repeat;}
.ys_m .ys_p02{top: 206px;left: 0;}
.ys_m .ys_p02 a{ background:url(Img/Index/ys_k02.gif) no-repeat;width: 380px;height: 111px; padding:0 0 0 100px;}
.ys_m .ys_p02 a:hover{ background:url(Img/Index/ys_k09.gif) no-repeat;}
.ys_m .ys_p03{top: 408px;left: 0;}
.ys_m .ys_p03 a{ background:url(Img/Index/ys_k03.gif) no-repeat;width: 330px;height: 115px; padding-left:117px;}
.ys_m .ys_p03 a:hover{ background:url(Img/Index/ys_k10.gif) no-repeat;}
.ys_m .ys_p04{top: 0;right: 0; text-align:right;}
.ys_m .ys_p04 a{ background:url(Img/Index/ys_k04.gif) no-repeat;width: 314px;height: 115px; padding:0 135px 0 0;}
.ys_m .ys_p04 a:hover{ background:url(Img/Index/ys_k11.gif) no-repeat;}
.ys_m .ys_p05{top: 206px;right: 0; text-align:right;}
.ys_m .ys_p05 a{ background:url(Img/Index/ys_k05.gif) no-repeat;width: 290px;height: 111px; padding:0 100px 0 0;}
.ys_m .ys_p05 a:hover{ background:url(Img/Index/ys_k12.gif) no-repeat;}
.ys_m .ys_p06{top: 408px;right: 0; text-align:right;}
.ys_m .ys_p06 a{ background:url(Img/Index/ys_k06s.gif) no-repeat;width: 323px;height: 140px; padding-right:120px;}
.ys_m .ys_p06 a:hover{ background:url(Img/Index/ys_k13s.gif) no-repeat;}
.ys_m .ys_p07{top: 480px;left: 448px;}
.ys_m .ys_p07 a{ background:url(Img/Index/ys_k07.gif) no-repeat;width: 161px;height: 115px; padding:12px 35px 0 105px;}
.ys_m .ys_p07 a:hover{ background:url(Img/Index/ys_k14.gif) no-repeat;}
.ys_m .ys_p03 a{ padding-top:7px;height: 108px;}
.ys_m .ys_p06 a{ padding-top:7px;height: 135px;}

/**/
.case_bg{ background:#018abe; padding:65px 0 60px;font-size: 0; overflow:hidden;}
.case_t{ height:100px; background:url(Img/Index/case_line.gif) no-repeat center 40px;text-align: center;}
.case_t a{ font-size:30px; color:#fff;}
.case_t span{ display:block;font-size: 20px;color: #ddebf3;font-weight: normal; padding:10px 0 0;}
.case_l{position: absolute;top: 175px;left: -50px;}
.case_r{position: absolute;top: 175px;right: -50px;}
.case_l img,.case_r img { width:28px; height:46px;}

.case_c { width:1200px; height:397px; margin:0 auto;}
.case_c ul{width:602px; height:397px; margin:0 auto; position: relative;}
.case_c ul li { width:592px; height:387px;border:#fff 5px solid;}
.case_c ul li a{display:block; overflow:hidden;}
.case_c ul li a img{ width:100%}
.case_c ul li span{ width:97%; display:block; height:80px; overflow:hidden; font-size:14px; color:#d7d7d7; background:url(Img/Index/case_picbg.png) repeat; position:absolute; bottom:0px; left:0px; padding:0 0 0 20px;}
.case_c ul li span i{ font-size:16px; color:#fff;display: block;height: 40px;line-height: 40px; margin:0 0 8px; background:url(Img/Index/case_line02.gif) no-repeat 0 38px;}

/**/
.liuc{ padding:72px 0 80px;font-size: 0;}
.liuc .three_t{height: 118px;}
.liuc ul li{width: 148px;float: left; padding:0 115px 0 0;text-align: center;}
.liuc ul li a{display: block;font-size: 16px;color: #363636; background-repeat:no-repeat;width: 148px;height: 220px;}
.liuc ul li.cur a,.liuc ul li a:hover{color: #018abe; text-decoration:none; background-image:url(Img/Index/liuc_k02.gif);}
.liuc ul li span{display: block; padding:185px 0 0;}
.liuc .liuc_li05{padding: 0;}
.liuc .liuc_li01 a{ background-image:url(Img/Index/liuc_k01.gif);}
.liuc .liuc_li02 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-263px 0;}
.liuc .liuc_li03 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-526px 0;}
.liuc .liuc_li04 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-789px 0;}
.liuc .liuc_li05 a{ background-image:url(Img/Index/liuc_k01.gif); background-position:-1052px 0;}
.liuc .liuc_tel{font-size: 14px;color: #fff; background:url(Img/Index/liuc_telbg.gif) no-repeat;height: 63px;width: 640px; padding:92px 0 0 560px;}
.liuc .liuc_tel b{display: block;font-size: 24px; padding:3px 0 0;}

/**/
.ab_bg{background: #f2f2f2;font-size: 0; padding:50px 0 35px;}
.ab_t{ background:url(Img/Index/ab_line.gif) no-repeat center 40px;text-align: center;height: 120px;}
.ab_t a{font-size: 30px;color: #018abe;}
.ab_t span{display: block;font-size: 20px;color: #333;font-weight: normal; padding:8px 0 0;}
.ab_l{ background:url(Img/Index/ab_lbg.gif) no-repeat;width: 222px;height: 330px; padding:30px 0 0;}
.ab_l ul li{width: 222px;height: 70px; padding:0 0 10px;}
.ab_l ul li a{font-size: 16px;color: #fff;font-weight: bold; background:url(Img/Index/ab_libg01.gif) no-repeat;display: block;width: 222px;height: 70px;text-align: center;line-height: 70px;overflow: hidden;}
.ab_l ul li.cur a,.ab_l ul li a:hover{ background:url(Img/Index/ab_libg02.gif) no-repeat; text-decoration:none;}
.ab_r{width: 978px;}
.ab_r dl{background: #f7f8fa;height: 360px;width: 978px;}
.ab_r dl dt{width: 569px;height: 360px;float: right;}
.ab_r dl dt img{width: 569px;height: 360px;}
.ab_r dl dd{width: 345px;float: left; padding:30px 0 0 30px;}
.ab_r dl dd h5{height: 60px;line-height: 40px;overflow: hidden; background:url(Img/Index/ab_line02.gif) no-repeat 0 57px;}
.ab_r dl dd h5 a{font-size: 22px;color: #333;}
.ab_r dl dd p{font-size: 14px;color: #666;line-height: 24px;padding:30px 0 0;}
.ab_r dl dd span{display: block;width: 90px; padding:50px 0 0;}
.ab_r dl dd span a{display: block;width: 90px;height: 25px;text-align: center;line-height: 25px;background: #89c700;font-size: 14px;color: #fff;overflow: hidden;}
.ab_r dl dd span a:hover{background: #018abe; text-decoration:none;}

/**/
.photo{ padding:75px 0 0;}
.photo_t{height: 55px; padding:0 20px;}
.photo_t p{float: left; background:url(Img/Index/photo_line.gif) no-repeat 0 2px;width: 210px; padding:0 0 0 12px;height: 55px;}
.photo_t p a{font-size: 16px;color: #018abe;font-weight: bold;}
.photo_t p i{display: block;font-size: 14px;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.photo_t span{float: right;display: block; padding:10px 0 0;}
.photo_t span a{font-size: 16px;color: #018abe; font-family:Arial, Helvetica, sans-serif;}
.photo ul li { width:270px; float:left; padding:0 15px;overflow: hidden;}
.photo ul li img{display: block; width:248px; height:187px; border:#e9e9e9 1px solid;padding: 10px;background: #fff;}
.photo ul li span{ width:270px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:5px 0 0;}
.photo ul li a{ font-size:14px; color:#333;}
.photo ul li a:hover{color: #018abe; text-decoration:none; zoom:1;}
.photo ul li a:hover img{ border:#018abe 1px solid;}

/*常见问题*/
.wd{ width:410px;font-size: 0;}
.wd_t{ background:#018abe;width: 370px;height: 50px;line-height: 50px;overflow: hidden; padding:0 20px;}
.wd_t a{font-size: 16px;color: #fff;}
.wd_t span{float: right;}
.wd_t span a{font-size: 14px;font-weight: normal;}
.wd dl{ width:410px; height:105px; border-bottom:#ddd 1px solid; padding:20px 0 0;}
.wd dt{ background:url(Img/Index/wen.gif) no-repeat 0 5px; padding-left:30px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#333;}
.wd dt a:hover,.wd dd a:hover,.news dd h3 a:hover,.news_m ul li span a:hover{color: #018abe; text-decoration:none;}
.wd dd{ background:url(Img/Index/da.gif) no-repeat 0 10px; padding:5px 0 0 30px; line-height:25px; height:50px; overflow:hidden;}
.wd dd a{font-size: 14px;color: #666;}

/*案例·动态*/
.news{ width:760px;}
.news .wd_t{ background:url(Img/Index/news_tbg.gif) no-repeat;width: 720px;height: 60px;}
.wd_t p{width: 180px;float: left;text-align: center;}
.news dl{ width:760px; padding:33px 0; display:inline-block; overflow:hidden; border-bottom:#ddd 1px solid;}
.news dt{ width:220px; float:left;}
.news dt img{ width:220px; height:150px;}
.news dd{ float:left; overflow:hidden; width:495px; padding:0 0 0 30px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;}
.news dd h3 a{ font-size:16px; color:#333;font-weight: normal;}
.news dd p{ font-size:14px; color:#333; height:75px; line-height:25px;overflow: hidden; padding:5px 0 0;}
.news dd span{ display:block;width: 100px; padding:10px 0 0;}
.news dd span a{font-size: 14px;color: #333;display: block;width: 98px;height: 28px;text-align: center;line-height: 28px;overflow: hidden; border:#ddd 1px solid;}
.news dd span a:hover{ border:#018abe 1px solid; color: #018abe; text-decoration:none;}
.news_m ul{ width:760px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:56px; padding:18px 0 0; border-bottom:#d6d6d6 1px solid; overflow:hidden; width:330px; float:left; margin:0 45px 0 0;overflow: hidden;}
.news_m ul li b{display: block;float: right;width: 11px;}
.news_m ul li b img{width: 11px;height: 21px;}
.news_m ul li em{display: block;font-size: 12px;color: #fff;float: left;width: 15px;height: 15px;text-align: center;line-height: 15px;overflow: hidden;background: #333;}
.news_m ul li span{display: block;float: left; padding:0 0 0 12px;}
.news_m ul li span a{font-size: 14px;color: #333;}
.news_m ul li span i{display: block;font-size: 14px;color: #858585; padding:8px 0 0;}
.news_m .nobor,.wd .nobor{ border:none;}

/*友情链接*/
.link{ padding:20px 0 30px;}
.link_t{ border-bottom:#9a9a9a 1px dotted; height:35px; line-height:35px; overflow:hidden;}
.link_t a{ font-size:16px; color:#018abe;}
.link_t em{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#018abe; padding:0 0 0 10px; text-transform:uppercase;}
.link_t span{ float:right;}
.link_t span a{ font-size:14px; color:#018abe;}
.link p{ height:60px; line-height:30px; overflow:hidden; padding:20px 0 0;}
.link p a{ font-size:14px; color:#666; display:inline-block; padding:0 22px;}


/**/
.new01_bg{padding:65px 0 60px;font-size: 0;}
.new01_t{ height:100px; background:url(Img/Index/three_lines.gif) no-repeat center 20px;text-align: center;}
.new01_t a{ font-size:30px; color:#018abe;}
.new01_t span{ display:block;font-size: 20px;color: #333;font-weight: normal; padding:10px 0 0;}
.new01_c {height:580px; margin:0 auto;border:1px solid #a3a3a3;padding-left:20px;padding-top:20px;}
.new01_c ul li { width:250px;float:left;margin:20px 20px;}
.new01_c ul li a{text-decoration:none;}
.new01_c ul li span{display:block;text-align:center;height:50px;line-height:50px;color:Black;font-size:14px;overflow:hidden;}
.new01_c ul li a img{width:250px;height:200px;}
.new01_c ul li.more01 img {display: block;height: 70px;margin-bottom: 0;margin-left: auto;margin-right: auto;margin-top: 35px;text-align: center;width: 70px;}
.new01_c ul li.more01 b {background:#018abe;border-radius: 8px;color: white;display: block;font-size: 16px;height: 30px;line-height: 30px;margin-bottom: 0;margin-left: auto;margin-right: auto;margin-top: 20px;text-align: center;width: 160px;}

/**/
.new02_bg{padding:2px 0 60px;font-size: 0;}
.new02_t{ height:100px; background:url(Img/Index/three_line.gif) no-repeat center 20px;text-align: center;}
.new02_t em{ font-size:30px; color:#018abe; }
.new02_t span{ display:block;font-size: 20px;color: #333;font-weight: normal; padding:10px 0 0;}
.new02_c {height:460px; margin:0 auto;background:#F2F2F2;padding-left:20px;padding-top:20px;}
.new02_c ul li { width:250px;float:left;margin:20px 20px;}
.new02_c ul li a{text-decoration:none;}
.new02_c ul li span{display:block;text-align:center;height:50px;line-height:50px;color:Black;font-size:14px;overflow:hidden;}
.new02_c ul li a img{width:250px;height:135px;}
.new02_c ul li.more01 img {display: block;height: 70px;margin-bottom: 0;margin-left: auto;margin-right: auto;margin-top: 35px;text-align: center;width: 70px;}
.new02_c ul li.more01 b {background:#018abe;border-radius: 8px;color: white;display: block;font-size: 16px;height: 30px;line-height: 30px;margin-bottom: 0;margin-left: auto;margin-right: auto;margin-top: 20px;text-align: center;width: 160px;}

/**/
.new03_bg{padding:2px 0 60px;height:360px;}
.new03_t{ height:100px; background:url(Img/Index/three_line.gif) no-repeat center 20px;text-align: center;}
.new03_t a{ font-size:30px; color:#018abe;}
.new03_t span{ display:block;font-size: 20px;color: #333;font-weight: normal; padding:10px 0 0;}
.nright {padding-left:50px;width:628px;}
.nright h4 {font-size:22px;font-weight:normal;margin-bottom:10px;text-align:center;color:#333;}
.nright ul li {border:1px solid #333;float:left;margin-bottom:8px;margin-left:20px;margin-right:20px;margin-top:10px;}
.nright ul li a {color:black;display:block;font-size:16px;padding:2px 20px;text-align:center;text-decoration:none;}
.nright b {display:block;height:36px;line-height:36px;text-align:center;border:1px solid #333;width:155px;margin:0 auto;border-radius:5px;margin-top:15px;}
.nright b a{font-size:14px;color:Black;}

/**/
.new04_bg{padding:20px 0 60px;height:440px;}
.new04_t{ height:100px; background:url(Img/Index/three_lines.gif) no-repeat center 20px;text-align: center;}
.new04_t em{ font-size:30px; color:#018abe;}
.new04_t span{ display:block;font-size: 20px;color: #333;font-weight: normal; padding:10px 0 0;}
.n4right {padding-left:50px;width:628px;}

.n4right ul li {margin-bottom:15px;margin-top:15px;}
.n4right ul li a {color:black;display:block;font-size:18px;padding:2px 20px;text-align:left;text-decoration:none;}
.n4right ul li.more01 {margin-bottom:0;margin-left:0;margin-top:0;}
.n4right ul li.more01 a {display:block;font-weight:bold;height:20px;line-height:20px;margin:0;padding-bottom:0;padding-left:35px;padding-right:0;padding-top:0;text-decoration:none;}
.newcon {background:#f2f2f2;height: 320px;padding-top: 30px;width: 100%;}